<mat-card class="mini" *ngIf="curProp.combProperty">
  <mat-card-header>
    <mat-card-title>属性组合:{{curProp.combProperty}}</mat-card-title>
    <b fxFlex class="right-align">更新于{{curProp.date | dateFormat}}</b>
  </mat-card-header>
  <mat-card-content>
    <table class="centered responsive-table small">
      <thead>
        <tr>
          <th>属性</th>
          <th>类目</th>
          <th>日销售额</th>
          <th>日销售量</th>
          <th>近30天销售额</th>
          <th>近30天销售量</th>
          <th>动销宝贝数</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><b>{{curProp.combProperty}}</b></td>
          <td>{{poolData.catName | categoryName}}</td>          
          <td><b>{{curProp.sellMoney|bigNum}}</b></td>
          <td><b>{{curProp.sellAmount|number:0}}</b>件</td>
          <td><b>{{curProp.monthSellMoney|bigNum}}</b></td>
          <td><b>{{curProp.monthSellAmount|number:0}}</b>件</td>
          <td>{{curProp.productNum | bigNum}}</td>
        </tr>
      </tbody>
    </table>
  </mat-card-content>
</mat-card>


<section class="box clearfix" id="chart-dash-pie-box">
  <header class="panel_header clearfix">
    <h2 class="title left">属性组合:{{poolData.prop.key+':'+poolData.prop.value}}</h2>
  </header>
  <div class="content-body">
    <div fxFlexFill echarts [loading]="vm.loading" [data]="vm.data" [column]="vm.column" [type]="vm.type" [resize]="true" class="chart-container" style="height: 406px;"></div>
  </div>
</section>


<div style="position: relative;" class="mt10">
  <mat-card>
    <mat-card-title class="clearfix">
      属性组合:{{poolData.prop.key+':'+poolData.prop.value}}销售<a class='right' mat-raised-button color="primary" (click)="export()">下载</a>
    </mat-card-title>
    <div class="divider"></div>
    <ngx-busy [busy]="xhrBusy"></ngx-busy>
    <table class="responsive-table bordered highlight">
      <thead>
        <tr>
          <th *ngFor="let column of columns;let $index = index" [innerHTML]="column"> </th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let brand of vm.data;let $index = index;">
          <td>{{brand.date | dateFormat}}</td>
          <td>{{brand.sellAmount | number:'1.0-0'}}</td>
          <td><span class="tm-yen">¥</span>{{brand.sellMoney | number:'1.0-2'}}</td>
          <td>{{brand.monthSellAmount | number:'1.0-0'}}</td>
          <td><span class="tm-yen">¥</span>{{brand.monthSellMoney | number:'1.0-2'}}</td>
          <td>{{brand.shopNum | number:'1.0-0'}}</td>
          <td>{{brand.productNum | number:'1.0-0'}}</td>
        </tr>
       <!--  <tr>
          <td><b>合计</b></td>
          <td><b>{{sellResulet.sellAmount | number:'1.0-0'}}</b></td>
          <td><b><span class="tm-yen">¥</span>{{sellResulet.sellMoney | number:'1.0-2'}}</b></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr> -->
        <tr *ngIf="vm.data.length ==0">
          <td colspan="10" class="center-align">暂无数据</td>
        </tr>
      </tbody>
    </table>
  </mat-card>
</div>
